.header {
	height: 50px;
	min-width: 1000px;
}

.search_container {
	width: 230px;
	margin-left: 10px;
	border-radius: 40px;
	background-color: #FFFFFF;
	height: 35px;
}

.search_container .layui-input {
	height: 35px;
}

.search_container input.layui-input:focus {
	border-color: #fff !important;
}

.search_container input.layui-input:hover {
	border-color: #fff !important;
}

.search_container input {
	border-radius: 40px;
}

i.search_btn {
	color: #84888c;
	font-size: 20px;
	margin-right: 10px;
	cursor: pointer;
}

i.search_btn:hover {
	color: #1E9FFF;
}

#app .layui-nav .layui-nav-item i {
	color: rgba(255, 255, 255, .7);
	font-size: 23px;
	cursor: pointer;
	display: block;
	padding: 0 20px;
}

#app .layui-nav .layui-nav-item i:hover {
	color: #fff;
}

#index .main_layout .layui-input {
	border: none;
}

.main_nav .layui-nav-item {
	line-height: 50px;
}

.main_nav.layui-nav .layui-this:after {
	height: 3px;
}

.main_nav.layui-nav {
	background-color: #1E9FFF;
}

.main_layout.layui-layout-admin .layui-side {
	top: 50px;
}

.main_layout .layui-side-scroll {
	width: 199px;
	border-right: 1px rgb(207, 214, 200) solid;
}

.search_list {}

.search_item {
	/* height: 70px; */
	padding: 0 10px;
	cursor: pointer;
}

.search_item.active {
	color: #1e9fff;
}

.search_item:hover {
	background-color: #d9e9f5;
	color: #1e9fff;
}

.search_item:hover .item_icon {
	border-radius: 3px;
}

.item_icon {
	margin-right: 10px;
	width: 20px;
	border-radius: 50%;
	transition: all 300ms;
}

.item_title {
	width: 100%;
	border-bottom: 1px rgb(222, 226, 218) solid;
	padding-bottom: 15px;
	padding-top: 15px;
}

.main_layout.layui-layout-admin .layui-body {
	top: 50px;
	bottom: 0;


}

.iframe_body {
	border: none;
	height: calc(100% - 5px);
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
}

::-webkit-scrollbar {
	width: 2px;
	background-color: #d3dce2;
}

::-webkit-scrollbar-thumb {
	background-color: #1e9fff69;
}

.lottie {
	width: 100%;
	height: 60%;
	position: absolute;
	top: 10%;
	left: 0;
	z-index: 10;
}

.layui-side {
	transition: left 200ms;
}


.side-close.layui-side {
	left: -200px;
	transition: left 200ms ease 200ms;
}

.main_layout.layui-layout-admin .side-close.layui-body {
	left: 0;
	width: 100%;
	transition: left 200ms;
}

.main_layout.layui-layout-admin .side-not-close.layui-body {
	transition: all 200ms ease 200ms;
	width: calc(100% - 200px);
}

.main_layout.layui-layout-admin .head-hidden.layui-body {
	transition: all 200ms;
	top: 0;
	height: 100%;
}

.main_layout.layui-layout-admin .head-not-hidden.layui-body {
	transition: all 200ms ease 200ms;
	top: 50px;
	height: calc(100% - 50px);
}

#app .layui-side.layui-bg-gray {
	background-color: rgb(251, 251, 251) !important;
}


.header {
	transition: top 200ms;
	top: 0px;
}

.head-hidden.header {
	top: -50px;
	transition: top 200ms ease 200ms;
}

.is-url-mode.search_container {
	width: 300px;
}
